<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
<style>
			#body{
				margin: 0;
				padding: 0;
				height: 451px;
			}
			#header{
				height: 7%;
				width: 99.7%;
				background-color: #E8F2F9;
				border: 1px solid #bbb8bc;
				border-right: none;
			}
			#aside{
				width: 20%;
				height: 98%;
				text-align: center;
				border: 1px solid #bbb8bc;
				border-top: none;
				float: left;
			}
			
			#article{
				width: 79%;
				height: 98%;
				float: right;
				text-align: center;
			}
			table{
				width: 70%;
				margin: auto;
			}
			tr{
				height: 30px;
			}
			tr:hover{
				background-color: #aaffff;
				color: red;
				cursor: pointer;
			}
			#search{
				height: 20px;
				width: 40%;
			}
		</style>
	</head>
	<body id="body">
		<div id="header">
			通讯录管理
		</div>
		<div id="aside">
			<b>部门列表</b>
			<hr >
			<table border="">
				<tr><th>重要领导层</th></tr>
				<tr><th>人力资源部</th></tr>
				<tr><th>企业规划部</th></tr>
				<tr><th>行政部</th></tr>
				<tr><th>财务部</th></tr>
				<tr><th>生产部</th></tr>
				<tr><th>技术部</th></tr>
				<tr><th>质量部</th></tr>
				<tr><th>采购部</th></tr>
			</table>
		</div>
		<div id="article">
			<br>
			<br>	
			<button type="button" class="mui-btn mui-btn-grey mui-btn-block">搜索</button>
			<input type="text" name="search" id="search" />
			<hr >
			<table >
				<tr>
					<th>编号</th>
					<th>姓名</th>
					<th>职务</th>
					<th>部门</th>
					<th>电话</th>
					<th>邮箱</th>
				</tr>
				<tr>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
				</tr>
				<tr>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
				</tr>
				<tr>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
				</tr>
				<tr>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
				</tr>
				<tr>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
				</tr>
				<tr>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
				</tr>
				<tr>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
					<td>dsgs</td>
				</tr>
			</table>
			<div id="divicePage">
  				<span>上一页</span>
				<span>1/6</span>
				<span>下一页</span>
			</div>

		</div>
	</body>
</html>

		